<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.*,java.text.*,java.lang.*" %>
<% %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>欢迎进入您的账户首页</title>
		<link rel="stylesheet" type="text/css" href="css/account-style.css" />
		<script src="js/jquery-1.8.3.js" ></script>
		<script src="js/account-js.js" type="text/javascript"></script>
	</head>
	<body>
		<div id="account-header">
			<div class="account-font">
				<div id="account-time">
					<span id="span-time" style="color: #008000;font-family: cursive;font-size: 20px;"></span>
				</div>
			</div>
			<div id="account-headerfont">
				<font>欢迎来到canner系统</font>
				
			</div>
			<div id="account-name" style="padding-right:20px;width:200px">
				<% 
	   				String login_username = (String)request.getSession().getAttribute("login_username");
	  				String login_password = (String)request.getSession().getAttribute("login_password");
	   			%>
	   			<font style="font-size:15px;color:gereen;">欢迎您！<span>${sessionScope.login_username}</span></font>
	   			
			</div>
			<div class="clear">
			</div>
		</div>
		<div class="account-border">
			<hr color="darkgray">
		</div>
		<div id="account-buttons">
			<input type="button" name="account-change" id="account-change" class="account-button" value="修改资料" onmouseover="id='button-color-over'" onmouseout="id='button-color-out'"/>
			<input type="button" name="account-del" id="account-del" class="account-button" value="注销账号" onmouseover="id='button-color-over'" onmouseout="id='button-color-out'"/>
			<input type="button" name="account-find" id="account-find" class="account-button" value="查找账号" onmouseover="id='button-color-over'" onmouseout="id='button-color-out'"/>
			<input type="button" name="account-add" id="account-add" class="account-button" value="添加资料" onmouseover="id='button-color-over'" onmouseout="id='button-color-out'"/>
			<a href="index.html" style="text-decoration : none;"><input type="button" name="account-return" id="account-return" class="account-button"  value="返回首页" onmouseover="id='button-color-over'" onmouseout="id='button-color-out'"/></a>
			<!-- <input type="button" name="account-test" id="account-test" class="account-button"  value="test"/> -->
			<div id="account-font">
				<font>您可以根据您的现实需求选择您的操作！</font>
			</div>
		</div>
		<div class="clear"></div>
		<div id="account-show">
			<div id="show-index">
				<div id="index-font">
					<font>请您点击上面的按钮进行操作</font>
				</div>
			</div><!-- style="display: none; -->
			<div id="show-change" style="display: none;">
				<font style="font-family: cursive;font-size: 45px;text-align: center;padding-left: 530px;">您可以根据您的需求修改，不必全部修改。</font>
				<form action="/cn.yl.caner/change" method="get">
					<div class="show-font" style="padding-top: 100px;">
						<!-- 用&nbsp;户&nbsp;名：<input type="text" name="change_username" id="change-username" value=""  maxlength="50" style="height: 30px; width: 300px; font-size: 20px; margin-bottom: 45px;"placeholder="请修改你的用户名" /><br/> -->
					         密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password" name="change_password" id="change-password" value=""  maxlength="50" style="height: 30px; width: 300px; font-size: 20px; margin-bottom: 45px;"placeholder="请修改你的密码"/><br/> 
						电子邮件：<input type="text" name="change_email" id="change-email" value=""  maxlength="50" style="height: 30px; width: 300px; font-size: 20px; margin-bottom: 45px;"placeholder="请修改你的电子邮件"/><br/>
						手机号码：<input type="text" name="change_phone" id="change-phone" value=""  maxlength="50" style="height: 30px; width: 300px; font-size: 20px; margin-bottom: 45px;"placeholder="请修改你的手机号码"/><br/>
							<input type="submit" name="change_button" id="change-button" class="show-button" value="提交" />
							<input type="hidden" name="change_hidden" value=${sessionScope.login_username}>
					</div>
				</form>
			</div>
			<div id="show-del" style="display: none;">
				<form action="/cn.yl.caner/del" method="get" id="del-form">
					<div class="show-font" >
						用&nbsp;户&nbsp;名：<input type="text" name="del_username" id="del-username" value=""  maxlength="50" style="height: 30px; width: 300px; font-size: 20px; margin-bottom: 45px;"placeholder="请输入你的用户名" onblur="isDel()"/><span id="span-account" style="color:red;"></span><br/>
						密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password" name="del_password" id="del-password" value=""  maxlength="50" style="height: 30px; width: 300px; font-size: 20px; margin-bottom: 45px;"placeholder="请输入你的密码" onblur="isPassword()" /><span id="span-password" style="color:red;"></span><br/>
							<input type="submit" name="del_button" id="del-button" class="show-button" value="提交" onclick="return isDelNull()"/>
							<input type="hidden" name="del_hidden" value=${sessionScope.login_username}>
					</div>
				</form>
			</div>
			<div id="show-find" style="display: none;">
				<form action="/cn.yl.caner/find" method="get">
					<div class="show-font">
						用&nbsp;户&nbsp;名：<input type="text" name="find_username" id="find-username" value=""  maxlength="50" style="height: 30px; width: 250px; font-size: 20px; padding-top:4px;"placeholder="请输入要查询的用户名" onblur="isFind()" /><br/><span id="span-findusername" style="color:red;margin-left:180px;font-size:25px"></span><br/>
							<input type="submit" name="find_button" id="find-button" class="show-button" value="提交"  onclick="return isFindNull()"/>
					</div>
				</form>
			</div>
			<div id="show-add" style="display: none;">
				<form action="/cn.yl.caner/add" method="get">
					<div class="show-font" >
						生日：
						<select id="add-birthday-year" name="add_birthday_year" style="height:25px; padding-top:5px">
						<option>--</option>
						</select>年
						<select id="add-birthday-month" name="add_birthday_month" style="height:25px; padding-top:5px;">
						<option>--</option>
						</select>月
						<select id="add-birthday-day" name="add_birthday_day" style="height:25px; padding-top:5px;">
						<option>--</option>
						</select>日<br>
						<div style="padding-top:50px"style="height:25px; padding-top:5px;">
							年龄：
							<select id="add-age" name="add_age" style="height:25px; padding-top:5px; width: 60px;">
								<option>--</option>
							</select>
						</div>
						<div style="padding-top:50px;style="height:25px; padding-top:5px;">
							性别：
							<input type="radio" id="add-sex" name="add_sex" value="man"; />男
							<input type="radio" id="add-sex" name="add_sex" value="female"; />女
						</div>
						<div style="padding-top:50px;">
							<div style="float:left;">自我介绍：</div>
							<div style="float:right; padding-right:570px;">
								<!-- <input type="text" name="add-text" id="add-text" value="" maxlength="120" placeholder="可以介绍一下自己哦"  style="height:100px;width: 500px; padding-button: 200px; font-family:cursive; font-size: 25px;"/> -->
								<textarea name="add_text" id="add-text" rows="2" cols="20" style="height:100px;width: 500px; padding-button: 200px; font-family:cursive; font-size: 25px;" placeholder="可以介绍一下自己哦"></textarea>
							</div>
							<div id="add-button" style="margin-left:220px;margin-top:140px">
								<input type="submit" name="add_button" id="add-button" class="show-button" value="提交" />
							</div>
						</div>
					</div>
				</form>
			</div>
			</div>
		</div>
	</body>
</html>
